<!-- 新房动态组件 -->
<template>
  <div>
    <p>新房动态 >></p>
    <div class="infoBody">
      <Item v-for="item in linkList" :key="item.id" :arr="item.list" />
    </div>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
import Item from './NewHouseInfoItem.vue'
export default defineComponent({
  components: {
    Item
  },
  setup () {
    const linkList = ref([
      {
        id: 1,
        list: [
          {
            id: 1,
            href: 'javascript:;',
            title: '知识城悦辰壹号目前待售中'
          },
          {
            id: 2,
            href: 'javascript:;',
            title: '亚运城目前在售建面88-250㎡'
          },
          {
            id: 3,
            href: 'javascript:;',
            title: '公交珠实·花城云著已开盘'
          },
          {
            id: 4,
            href: 'javascript:;',
            title: '万科天空之城主推建面约76-16'
          },
          {
            id: 5,
            href: 'javascript:;',
            title: '万科·金域曦府在售带装修二至四房'
          }
        ]
      },
      {
        id: 2,
        list: [
          {
            id: 1,
            href: 'javascript:;',
            title: '知识城悦辰壹号目前待售中'
          },
          {
            id: 2,
            href: 'javascript:;',
            title: '亚运城目前在售建面88-250㎡'
          },
          {
            id: 3,
            href: 'javascript:;',
            title: '公交珠实·花城云著已开盘'
          },
          {
            id: 4,
            href: 'javascript:;',
            title: '万科天空之城主推建面约76-16'
          },
          {
            id: 5,
            href: 'javascript:;',
            title: '万科·金域曦府在售带装修二至四房'
          }
        ]
      }
    ])
    return {
      linkList
    }
  }
})
</script>

<style lang="less" scoped>
p {
  margin-left: 20px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #333333;
}
.infoBody {
  padding: 35px 24px;
  box-sizing: border-box;
  border: 1px solid #ededed;
}
</style>
